<template>
    <div class="app-container">
          医院设置添加
          <el-form label-width="120px">
               <el-form-item label="医院名称">
                    
        <el-input v-model="hospitalSet.hosname" />
                 
      </el-form-item>
               <el-form-item label="医院编号">
                    
        <el-input v-model="hospitalSet.hoscode" />
                 
      </el-form-item>
               <el-form-item label="api基础路径">
                    
        <el-input v-model="hospitalSet.apiUrl" />
                 
      </el-form-item>
               <el-form-item label="联系人姓名">
                    
        <el-input v-model="hospitalSet.contactsName" />
                 
      </el-form-item>
               <el-form-item label="联系人手机">
                    
        <el-input v-model="hospitalSet.contactsPhone" />
                 
      </el-form-item>
               <el-form-item>
                    <el-button type="primary" @click="saveOrUpdate">保存</el-button>
      </el-form-item>
            </el-form>
       </div>
</template>

<script>
//引入接口定义的js文件
import hospset from '@/api/hospset'

export default {
  //定义变量和初始值
  data () {
    return {
      hospitalSet: {}
    }
  },
  created () { //页面渲染之前执行
    //获取路由id值
    //调用接口得到医院设置信息
    //判断路由转到该页面时，是否携带参数以及是否携带的参数是id参数
    if (this.$route.params && this.$route.params.id) {
      const id = this.$route.params.id
      this.gethospSet(id)
    } else{
      this.hospitalSet = {}
    }
  },
  methods: {
    //根据id查询
    gethospSet (id) {
      hospset.getHospSet(id)
        .then(res => {
          this.hospitalSet = res.data
        })
    },
    //修改
    update(){
      hospset.updateHospSet(this.hospitalSet)
        .then(res => {
          //提示
          this.$message({
            type: 'success',
            message: '修改成功！'
          })
          //路由跳转
          this.$router.push({ path: '/hospset/list' })
        })
    },
    //添加
    save(){
      hospset.saveHospSet(this.hospitalSet)
        .then(res => {
          //提示
          this.$message({
            type: 'success',
            message: '添加成功！'
          })
          //路由跳转
          this.$router.push({ path: '/hospset/list' })
        })
    },
    //判断是添加还是修改
    saveOrUpdate () {
      if(this.hospitalSet.id){
        this.update()
      }else {
        this.save()
      }
    }
  }
}

</script>